<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2542375_v343d17nhe.css">
    <link rel="stylesheet" href="./style.css">
    <title>Rotating Navigation</title>
</head>
<body>
    <div class="container">
        <div class="circleContainer">
            <div class="circle">
                <button id="close">
                    <i class="iconfont">&#xe857;</i>
                </button>
                <button id="open">
                    <i class="iconfont">&#xe601;</i>
                </button>
            </div>
        </div>
        <div class="content">
            <h1>Amazing Article</h1>
            <small>Folorin Pop</small>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim accusantium, nobis ipsa aspernatur ratione iusto, odio deserunt quibusdam accusamus tenetur ex doloremque impedit quod id quasi omnis culpa? Facere, autem?</p>
            <h3>My Xbox</h3>
            <img src="../splitLandingPage/images/xbox.jpg" alt="">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repellat facere quisquam nobis quasi illum esse amet odit nam nesciunt, ipsum aliquam, dolorem mollitia. Obcaecati reiciendis nisi asperiores autem accusantium?</p>
        </div>
    </div>
    <nav>
        <ul>
            <li><i class="iconfont">&#xe665;&nbsp;</i><a href="https://www.baidu.com/">Home</a></li>
            <li><i class="iconfont">&#xe6e5;&nbsp;</i><a href="https://www.baidu.com/">About</a></li>
            <li><i class="iconfont">&#xe63e;&nbsp;</i><a href="https://www.baidu.com/">Contact</a></li>
        </ul>
    </nav>
<script src="./script.js"></script>
</body>
</html>